<template>
  <a href="javascript:;" class="btn" :style="{width:width,lineHeight:height,background:bg}"><slot></slot></a>
</template>

<script>
export default {
  name: 'btn',
  data () {
    return{
      
    }
  },
  props:{
    bg:{
      type:String,
      default:'#7fcdef'
    },
    width:{
      type:String,
      default:'100%'
    },
    height:{
      type:String,
      default:'0.8rem'
    }
  },
  mounted(){
      
  }
}
</script>

<style lang="less" scoped>
  
</style>